<!-- 页面页眉学习 

1、p段落自动换行

-->

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>QYM</title>
</head>

<body>
	<header role ="banner">
		<nav>
			<ul>
				<li>
					<a href="#gaudi">123</a>
				</li>
				<li lang="es">
					<a href="#sagrada-familia">456</a>
				</li>
				<li>
					<a href="#park-guell">789</a>
				</li>
			</ul>
		</nav>
	</header>

	<main role="main">
		<article>
			<h1 id ="gaudi">标题1</h1>
			<p>测试文本1</p>
			<p>测试文本2</p>
			<p>测试文本3</p>

			<h2>标题2</h2>
			<p><img src="img/1.png">测完文本3</p>

		</article>

	</main>

</body>